// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]

// component:组件名，如button，
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如color、height、radius等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等

// 如：@button-line-bg-color-hover
// 如：@button-line-height-s

// 颜色
@tree-node-text-color: @text-color-primary;
@tree-node-empty-text-color: @text-color-disabled;
@tree-node-bg-color-hover: @bg-color-container-hover;
@tree-node-text-color-active: @text-color-primary;
@tree-node-icon-color-active: @text-color-brand;
@tree-node-bg-color-active: @brand-color-light;
@tree-node-icon-color: @text-color-secondary;
@tree-node-icon-line-color: @border-level-1-color;
@tree-disabled-color: @border-level-2-color;
@tree-icon-color-disabled: @tree-node-icon-color;

//字体
@tree-font-size: @font-size-base;

// 间距
@tree-node-padding-basic: 24px;
@tree-node-icon-margin-right: 4px;
@tree-node-item-margin-bottom: 0;
@tree-node-item-padding-left: calc(@tree-node-padding-basic * var(--level) + 8px);
@tree-line-position-bottom: 15px;
@tree-line-position-left: calc(@tree-node-padding-basic * var(--level) - 10px);
@tree-node-item-checkbox-padding-top: 1px;
@tree-node-item-click-color: @bg-color-container-active;

//尺寸
@tree-line-width: 1px;
@tree-node-item-height: 32px;
@tree-node-item-label-height: 28px;
@tree-node-item-spacer: 4px;
@tree-node-icon-size: @icon-default;
@tree-node-item-line-height: 32px;
@tree-line-width-before: 16px;
@tree-line-height-first: 20px;
@tree-line-height-leaf: 32px;

// 动画
@tree-node-animation-time: 300ms;
@tree-node-transition-time: 150ms;
